<template>
  <div class="technology">
    <div class="title">
      <p>技术支撑</p>
      <Breadcrumb>
        <BreadcrumbItem to="/">首页</BreadcrumbItem>
        <BreadcrumbItem to="core-technology">技术支撑</BreadcrumbItem>
      </Breadcrumb>
      <div class="divider"></div>
    </div>
    <div class="content">
      <img src="../img/technology.jpg" alt="" />
      <p>
        公司积极建设开放式研发平台，整合国内外优秀资源，与日本、韩国著名OLED产业相关专家、国内重点科研院所、下游厂商积极合作，培养了一支以博士、硕士为骨干的高素质、专业技术研发团队。公司以市场需求为导向，以为下游厂家配套为己任，积极开展研发工作。现已申请国家发明专利260项，其中申请美国专利5项，通过省级科技技术成果鉴定6项。先后承担国家发改委、工信部、科技部等国家级项目16项，省级、市级重点高技术科研项目100余项。为韩国、日本等国家的客户定制开发OLED材料若干种，同时为下游厂家提供配套成熟材料几十种。<br>
        　　公司始终秉承“与世界同行”的理念，以技术研发为基础，以市场需求为导向，努力将公司打造成具有国际先进水平的专业OLED材料生产企业。
      </p>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.title {
  position: relative;
  padding-left: 20px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #bebdbd;
  display: flex;
  justify-content: space-between;

  p {
    color: #333;
    font-size: 16px;
  }

  .divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 2px;
    background-color: var(--color-zdyblue);
  }
}
.content {
  padding: 30px 20px;
  p {
    text-indent: 2em;
    font-family: "宋体";
    font-size: 18px;
    color: #333;
    line-height: 2rem;
  }
}
</style>